<template>
  <div class="common-user">
    <el-row style="height: 100%">
      <el-col :span="18">
        <div class="left-box">
          <div class="user-message">
            <img src="@/assets/img/user头像.png" alt="" />
            <div class="user-content">
              <span>今天是2021-11-02，欢迎回来！</span>
              
            </div>
          </div>
          <div class="data-look"></div>
          <div class="contract-look"></div>
        </div>
      </el-col>
      <el-col :span="6">
        <div class="right-box">456</div>
      </el-col>
    </el-row>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
export default defineComponent({
  setup() {
    return {}
  }
})
</script>

<style scoped lang="less">
.common-user {
  width: 100%;
  height: 100%;
  background-color: white;
  .left-box {
    height: 100%;
    border-right: 1px solid #e4e4e4;
  }
  .right-box {
    height: 100%;
  }
}
</style>
